﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>index</title>
    <link href="css/home.css" rel="stylesheet" type="text/css" />
    <link href="css/index.css" rel="stylesheet" type="text/css" />
    <link href="css/animate.min.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/ZoomPic.js" type="text/javascript"></script>
    <script src="js/index.js" type="text/javascript"></script>
</head>
<body>
    <div class="logo">
        <img src="img/logo.png" />
    </div>
    <!-- 导航条-->
    <div class="navbar">
        <div class="md">
            <ul>
                <li><a href="#">关于早茶</a></li>
                <li><a href="#">广府焗茶</a></li>
                <li><a href="#">广府茶配</a></li>
                <li><a href="#">广府茶楼</a></li>
                <li><a href="#">广府茶俗</a></li>
                <div class="clear">
                </div>
            </ul>
        </div>
    </div>
    <!--banner-->
    <div class="banner">
        <img src="img/Banner.jpg" />
    </div>
    <!--早茶-->
    <div class="MTea" id="MTea">
        <div class="md">
            <div class="colum-tit">
                <img src="img/mt-logo.png" />
            </div>
            <div class="colum-con mt-columCon">
                <img src="img/mt-pt1.png" class="mt-text " />
                <img src="img/mt-text1.png" class="mt-img1 " />
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <!--焗茶-->
    <div class="JuTea" id="JuTea">
        <div class="md">
            <div class="colum-tit">
                <img src="img/jut-logo.png" />
            </div>
            <div class="colum-con ">
                <div class="con-tit" style="height: 102px;">
                    <img src="img/jut-text1.png" />
                </div>
                <div class="jut-columCon">
                    <img src="img/jut-text2.png" class="jut-text1" />
                    <img src="img/jut-pt1.png" class="jut-img" />
                    <img src="img/jut-text3.png" class="jut-text2" />
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="adv">
        <img src="img/adv.png" />
    </div>
    <!--茶配-->
    <div class="CollTea" id="CollTea">
        <div class="md">
            <div class="colum-tit">
                <img src="img/gf-logo.png" />
            </div>
            <div class="colum-con mt-columCon">
                <div id="focus_Box">
                   
                    <ul>
                        <li><a href="javascript:void(0)">
                            <img width="445" height="308" alt="Photo sharing jq22" src="img/gf-pt1.png" /></a>
                            <p>
                                <span>鲜虾肠粉</span> <a href="javascript:void(0)" class="imgs-scroll-btn"></a>
                            </p>
                        </li>
                        <li><a href="javascript:void(0)">
                            <img width="445" height="308" alt="Photo sharing jq22" src="img/pta.png" /></a>
                            <p>
                                <span>虾饺</span> <a href="javascript:void(0)" class="imgs-scroll-btn"></a>
                            </p>
                        </li>
                        <li><a href="javascript:void(0)">
                            <img width="445" height="308" alt="Photo sharing jq22" src="img/ptb.png" /></a>
                            <p>
                                <span>春卷</span> <a href="javascript:void(0)" class="imgs-scroll-btn"></a>
                            </p>
                        </li>
                        <li><a href="javascript:void(0)">
                            <img width="445" height="308" alt="Photo sharing" src="img/pta.png" /></a>
                            <p>
                                <span>虾饺</span> <a href="javascript:void(0)" class="imgs-scroll-btn"></a>
                            </p>
                        </li>
                        <li><a href="javascript:void(0)">
                            <img width="445" height="308" alt="Photo sharing jq22" src="img/ptc.png" /></a>
                            <p>
                                <span>叉烧包</span> <a href="javascript:void(0)" class="imgs-scroll-btn"></a>
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="btn-box">
                <a href="page/Refreshments.html" target=_blank>点击有惊喜哟</a>
                </div>
            </div>
            
        </div>
    </div>
    <!--茶楼-->
    <div class="FloorTea" id="FloorTea">
        <div class="md">
            <div class="colum-tit tl-tit">
                <img src="img/tl-logo.png" />
            </div>
            <div class="colum-con">
                <ul>
                    <li>
                        <img src="img/tl-pt1.png" class="tlpt1" />
                    </li>
                    <li>
                        <img src="img/tl-pt2.png" class="tlpt2" />
                    </li>
                    <li>
                        <img src="img/tl-pt3.png" class="tlpt3" />
                    </li>
                </ul>
                                <div class="btn-box">
                <a href="page/floor.html" target=_blank>点击有惊喜哟</a>
                </div>
            </div>
        </div>
    </div>
    <!--茶俗-->
    <div class="CustomsTea" id="CustomsTea">
        <div class="md">
            <div class="colum-tit chas-tit">
                <img src="img/chas-logo.png" />
            </div>
            <div class="colum-con">
                <div class="fl char-box">
                    <img src="img/chas-pt3.png" />
                    <div class="black">
                        <img src="img/chas-bg_zi1.png" />
                    </div>
                </div>
                <div class="fr char-box">
                    <img src="img/chas-pt4.png" />
                    <div class="black">
                        <img src="img/chas-bg_zi1.png" />
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <div class="zhiding">
        <a href="#"><img src="img/top.png" /></a>
    </div>
    <div class="thank">
        <img src="img/theend.png" />
    </div>
    <!--尾巴-->
    <div class="footer">
        <div class="md730">
            <ul>
                <li><a href="#">关于早茶</a></li>
                <li><a href="#">广府焗茶</a></li>
                <li><a href="#">广府茶点</a></li>
                <li><a href="#">广府茶楼</a></li>
                <li><a href="#">广府茶俗</a></li>
                <div class="clear">
                </div>
            </ul>
            <p>
                我们是121小组，以上是我们展示广府早茶文化的内容，面对诱惑的茶点背后究竟有着怎样的历史发展和有趣的茶俗呢？</p>
            <p>
                我们和你一起来探讨</p>
            <p>
                <img src="img/love.png" /></p>
        </div>
    </div>
</body>
</html>
